@charset "utf-8";
.entrance{
    height: 100%;
    width: 100%;
    background-color: $white;
    padding: 10px;
    .mt20{
        margin-top: 20px;
    }
    .form-control{
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
        background-color: transparent;
    }
    .loading{
        vertical-align: top;
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url(../img/pull-icon@2x.png) 0 100% no-repeat;
        -webkit-background-size: 40px 80px;
        background-size: 40px 80px;
        -webkit-transition-property: -webkit-transform;
        -webkit-transition-duration: 250ms;
        -webkit-transform:rotate(0deg) translateZ(0);
        -webkit-transition-duration:0ms;

        -webkit-animation-name:loading;
        -webkit-animation-duration:2s;
        -webkit-animation-iteration-count:infinite;
        -webkit-animation-timing-function:linear;
    }
    input[type='text'].form-control{
        height: 42px;
        line-height: 42px;
    }
    .channel-tit{

    }
    .channel-discription{
        display: table;
        table-layout: fixed;
        width: 100%;
        .channel-logo,.channel-text{
            vertical-align: top;
            display: table-cell;
            border-collapse: separate;
        }
        .channel-logo{
            text-align: center;
            padding-right: 10px;
            .file-input{
                width: 80px;
                height: 80px;
                border-radius: 6px;
                max-width: 100%;
                display: block;
                position: relative;
                background: #eee url(../img/upload-logo.png) no-repeat center 20%;
                background-size: 60%;
                &:after{
                    content: "上传封面";
                    display: block;
                    position: absolute;
                    font-size: 12px;
                    color: $fontlight;
                    left: 0;
                    bottom: 10%;
                    width: 100%;
                    text-align: center;
                }
            }
            img{
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                right: 0;
                margin: auto;
                display: block;
                width: 100%;
                max-height: 100%;
            }
        }
        .channel-text{
            width: 75%;
            span{
                font-size: 12px;
                display: block;
                text-align: right;
                color: $fontlight;
                font{
                    color: $deep;
                }
            }
        }
    }
    .channel-datetime{
        input[type='text']{
            &:nth-child(n+1){
                margin-top: 10px;
            }
        }
    }
    .channel-submit{
        .btn-block{
            background-color: $themeColor;
            border: none;
            color: $white;
        }
    }
}